.topnav{
  width: 100%;
  height: .5rem;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  position: relative;
  font-size: .14rem;
  .left{
    width:1.75rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    position: absolute;
    left: .12rem;
    top: .09rem;
    border:1px solid #FDCC56;
    border-radius: 5px 0 0 5px;
    .lefttip{
      width: .06rem;
      height: .06rem;
      background: #ff5118;
      border-radius: 50%;
      position: absolute;
      top: .07rem;
      left: 1.17rem;
    }
  }
  .right{
    width:1.75rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    position: absolute;
    right: .12rem;
    top: .09rem;
    border:1px solid #FDCC56;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    .righttip{
      width: .06rem;
      height: .06rem;
      background: #ff5118;
      border-radius: 50%;
      position: absolute;
      top: .07rem;
      left: 1.17rem;
    }
  }
  .activenav{
    background: #fecb53;
  }
}
.meslistbox{
  overflow: hidden;
  .list{
    font-size: .15rem;
    border-bottom: 1px solid #dedede;
    width: 100%;
    overflow: hidden;
    padding-bottom: .12rem;
    .txt{
      margin-top:.12rem;
      margin-left: .12rem;
    }
    .time{
      font-size: .13rem;
      color: #999;
      margin-top:.06rem;
      margin-left: .12rem;
    }
  }
  .haveread{
    color: #999 !important;
  }
}























